<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Form Elements | AppStart - Admin Template</title>
        <!-- Mobile specific metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Force IE9 to render in normal mode -->
        <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
        <meta name="author" content="SuggeElson" />
        <meta name="description" content="AppStart admin template - new premium responsive admin template. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system.Build on great twitter boostrap framework"
        />
        <meta name="keywords" content="admin, admin template, admin theme, responsive, responsive admin, responsive admin template, responsive theme, themeforest, 960 grid system, grid, grid theme, liquid, jquery, administration, administration template, administration theme, mobile, touch , responsive layout, boostrap, twitter boostrap"
        />
        <meta name="application-name" content="AppStart admin template" />
        <!-- Import google fonts - Heading first/ text second -->
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700' rel='stylesheet' type='text/css'>
        <!-- Css files -->
        <!-- Icons -->
        <link href="assets/css/icons.css" rel="stylesheet" />
        <!-- Bootstrap stylesheets (included template modifications) -->
        <link href="assets/css/bootstrap.css" rel="stylesheet" />
        <!-- jQueryUI -->
        <link href="assets/css/appstart-theme/jquery.ui.all.css" rel="stylesheet" />
        <!-- Plugins stylesheets (all plugin custom css) -->
        <link href="assets/css/plugins.css" rel="stylesheet" />
        <!-- Main stylesheets (template main css file) -->
        <link href="assets/css/main.css" rel="stylesheet" />
        <!-- Custom stylesheets ( Put your own changes here ) -->
        <link href="assets/css/custom.css" rel="stylesheet" />
        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/img/ico/apple-touch-icon-57-precomposed.png">
        <link rel="icon" href="assets/img/ico/favicon.ico" type="image/png">
        <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
        <meta name="msapplication-TileColor" content="#3399cc" />
    </head>
    <body class="ovh">
	<div id="preloader">
            <div id="preloader-logo">
                <img src="assets/img/preloader-logo.png" alt="Logo">
            </div>
            <div id="preloader-icon">
                <i class="im-spinner icon-spin"></i>
            </div>
        </div>
        <div id="header">
            <div class="container-fluid">
                <div class="navbar">
                    <div class="navbar-header">
                        <!-- Show navigation toggle on phones -->
                        
                        <!-- Show logo for large screens and laptops -->
                        <a class="navbar-brand visible-lg visible-md" href="index.html">
                            <img src="assets/img/logo.png" alt="Jump start">
                        </a>
                        <!-- Show logo for small screens -->
                       </div>
                    </div>
            </div>
        </div>
        <!-- End #header -->
        <!-- Start #sidebar -->
        <aside id="sidebar">
            <!-- Start .sidebar-inner -->
            <div class="sidebar-inner">
                <!-- Start .toggle-sidebar -->
                <div class="toggle-sidebar">
                    <a href="index.html#"><i class="im-arrow7"></i></a>
                </div>
                <!-- End .toggle-sidebar -->
                <!-- Start .option-buttons -->
                <div class="option-buttons">
                    <div class="option-buttons-inner">
                        <form id="search-nav">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Find menu item">
                                <i class="im-search3"></i>
                            </div>
                            <button type="submit" class="btn">submit</button>
                            <a id="close-search-nav" class="close" aria-hidden="true" href="index.html#">&times;</a>
                        </form>
                        <a href="index.html#" class="search-in-menu btn btn-default btn-sm tip" title="搜索导航"><i class="im-search3"></i></a>
                        <a href="index.html#" class="expand-subs btn btn-default btn-sm tip" title="展开所有菜单"><i class="im-sort2"></i></a>
                        <a href="index.html#" class="mute-sounds btn btn-default btn-sm tip" title="关闭声音"><i class="im-volume-medium"></i></a>
                        <a href="index.html#" class="reset-layout btn btn-default btn-sm tip" title="复位面板位置"><i class="im-spinner12"></i></a>
                        <a href="index.html#" class="launch-fullscreen btn btn-default btn-sm tip" title="全屏幕"><i class="im-expand"></i></a>
                    </div>
                </div>
                <!-- End .option-buttons -->
                <!-- Start .sidebar-scrollarea -->
                <div class="sidebar-scrollarea">
                    <h5 class="sidebar-title">导航栏</h5>
                    <ul id="sideNav" class="nav nav-pills nav-stacked">
                        <li>
                            <a href="index.html#"><i class="im-list4"></i> <span class="txt">表单</span></a>
                            <ul class="sub">
                                <li><a href="form-layout.html"><i class="im-arrow-right3"></i> <span class="txt">表单布局</span></a>
                                </li>
                                <li><a href="form-elements.html"><i class="im-arrow-right3"></i> <span class="txt">表单元素</span></a>
                                </li>
                                <li><a href="form-wizard.html"><i class="im-arrow-right3"></i> <span class="txt">表单向导</span></a>
                                </li>
                                <li><a href="form-validation.html"><i class="im-arrow-right3"></i> <span class="txt">表单校验</span></a>
                                </li>
                                <li><a href="form-wysiwyg.html"><i class="im-arrow-right3"></i> <span class="txt">所见即所得编辑</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="index.html#"><i class="im-table2"></i> <span class="txt">表格</span></a>
                            <ul class="sub">
                                <li><a href="tables.html"><i class="im-arrow-right3"></i> <span class="txt">静态表格</span></a>
                                </li>
                                <li><a href="tables-data.html"><i class="im-arrow-right3"></i> <span class="txt">数据表格</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="index.html#"><i class="im-cube"></i> <span class="txt">界面元素</span></a>
                            <ul class="sub">
                                <li><a href="icons.html"><i class="im-arrow-right3"></i> <span class="txt">图标</span></a>
                                </li>
                                <li><a href="panels.html"><i class="im-arrow-right3"></i> <span class="txt">面板</span></a>
                                </li>
                                <li><a href="buttons.html"><i class="im-arrow-right3"></i> <span class="txt">按钮</span></a>
                                </li>
                                <li><a href="typo.html"><i class="im-arrow-right3"></i> <span class="txt">排版</span></a>
                                </li>
                                <li><a href="notifications.html"><i class="im-arrow-right3"></i> <span class="txt">通知</span></a>
                                </li>
                                <li><a href="tabs.html"><i class="im-arrow-right3"></i> <span class="txt">标签和折叠</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <!-- End .sidebar-scrollarea -->
            </div>
            <!-- End .sidebar-inner -->
        </aside>
        <!-- Start #right-sidebar -->
        <!-- Start #content -->
        <div id="content">
            <!-- Start .content-wrapper -->
            <div class="content-wrapper">
                <div id="page-heading" class="page-header">
                    <h2><i class="icon im-list4"></i> Form Elements</h2>
                    <!-- Start .bredcrumb -->
                    <ul id="crumb" class="breadcrumb">
                    </ul>
                    <!-- End .breadcrumb -->
                </div>
                <!-- Start .content-inner -->
                <div class="content-inner">
                    <!-- Start .row -->
                    <div class="row">
                        <div class="col-lg-12">
                            <!-- col-lg-12 start here -->
                            <div class="panel panel-default plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">Form fields</h4>
                                </div>
                                <div class="panel-body pb0">
                                    <form class="form-horizontal group-border stripped" role="form">
                                        <div class="form-group">
                                            <label for="textfield" class="col-sm-2 control-label">Text field</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="textfield" placeholder="Usual text field">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="emailfield" class="col-sm-2 control-label">Email field</label>
                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" id="emailfield" placeholder="Type your email">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="predefinedvalue" class="col-sm-2 control-label">Predefined value</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="predefinedvalue" value="http://">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="passwordfield" class="col-sm-2 control-label">Password field</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="passwordfield" placeholder="Type your password">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="password-metter" class="col-sm-2 control-label">Password metter</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="password-metter" placeholder="Type your password">
                                                <span class="help-block mt10">
                                    <a href="form-elements.html#" id="generate-password" class="btn btn-default">Generate</a>
                                    <a href="form-elements.html#" id="show-password" class="btn btn-default">Show password</a>
                                    <span id="output-message" class="badge badge-teal p15 ml15">Enter some password</span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="readonlyfield" class="col-sm-2 control-label">Read only field</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="readonlyfield" placeholder="Read only field" readonly>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="disabledfield" class="col-sm-2 control-label">Disabled field</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="disabledfield" placeholder="Disabled field" disabled>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="tooltipfield" class="col-sm-2 control-label">With tooltip</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control tip" id="tooltipfield" title="Field with tooltip" placeholder="Hover for tooltip action">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="maxlenghtfield" class="col-sm-2 control-label">Max lenght</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control limitInput" id="maxlenghtfield" placeholder="Max lenght 20 chars" maxlength="20">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="withicons" class="col-sm-2 control-label">With icons</label>
                                            <div class="col-sm-10">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <input type="text" class="form-control left-icon" placeholder="Icon on left">
                                                        <i class="im-clock3 s16 left-input-icon"></i> 
                                                    </div>
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <input type="text" class="form-control right-icon" placeholder="Icon on right">
                                                        <i class="im-clock3 s16 right-input-icon"></i> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label for="withicons" class="col-sm-2 control-label">With Help blocks</label>
                                            <div class="col-sm-10">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4">
                                                        <input type="text" class="form-control">
                                                        <span class="help-block">Left help block</span>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4">
                                                        <input type="text" class="form-control">
                                                        <span class="help-block text-center">Center help block</span>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4">
                                                        <input type="text" class="form-control">
                                                        <span class="help-block text-right">Right help block</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group has-success">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Success input</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control" placeholder="Success Field">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group has-warning">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Warning input</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control" placeholder="Warning Field">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group has-error">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Error input</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control" placeholder="Error Field">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Small height size</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control input-sm">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Large height size</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control input-lg">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Grid input sizes</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <input type="text" class="form-control" placeholder=".col-lg-6">
                                                    </div>
                                                    <div class="col-lg-3 col-md-3">
                                                        <input type="text" class="form-control" placeholder=".col-lg-3">
                                                    </div>
                                                    <div class="col-lg-3 col-md-3">
                                                        <input type="text" class="form-control" placeholder=".col-lg-3">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Predefined width:</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control input-mini">
                                                <span class="help-block"><code>.input-mini</code></span>
                                                <input type="text" class="form-control input-small">
                                                <span class="help-block"><code>.input-small</code></span>
                                                <input type="text" class="form-control input-medium">
                                                <span class="help-block"><code>.input-medium</code></span>
                                                <input type="text" class="form-control input-large">
                                                <span class="help-block"><code>.input-large</code></span>
                                                <input type="text" class="form-control input-xlarge">
                                                <span class="help-block"><code>.input-xlarge</code></span> 
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Append input group</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="input-group">
                                                    <span class="input-group-addon">@</span>
                                                    <input type="text" class="form-control" placeholder="Username">
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Prepend input group</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Username">
                                                    <span class="input-group-addon">@</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Both input group</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="input-group">
                                                    <span class="input-group-addon">$</span>
                                                    <input type="text" class="form-control" placeholder="Username">
                                                    <span class="input-group-addon">.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">With buttons</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="input-group">
                                                            <span class="input-group-btn">
                                                <button class="btn btn-teal" type="button">Go!</button>
                                            </span>
                                                            <input type="text" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control">
                                                            <span class="input-group-btn">
                                                <button class="btn btn-teal" type="button">Go!</button>
                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">With dropdowns</label>
                                            <div class="col-lg-10 col-md-10">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="input-group">
                                                            <div class="input-group-btn">
                                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span>
                                                                </button>
                                                                <ul class="dropdown-menu">
                                                                    <li><a href="form-elements.html#">Action</a>
                                                                    </li>
                                                                    <li><a href="form-elements.html#">Another action</a>
                                                                    </li>
                                                                    <li><a href="form-elements.html#">Something else here</a>
                                                                    </li>
                                                                    <li class="divider"></li>
                                                                    <li><a href="form-elements.html#">Separated link</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <!-- /btn-group -->
                                                            <input type="text" class="form-control">
                                                        </div>
                                                        <!-- /input-group -->
                                                    </div>
                                                    <div class="col-lg-6 col-md-6">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control">
                                                            <div class="input-group-btn">
                                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span>
                                                                </button>
                                                                <ul class="dropdown-menu pull-right">
                                                                    <li><a href="form-elements.html#">Action</a>
                                                                    </li>
                                                                    <li><a href="form-elements.html#">Another action</a>
                                                                    </li>
                                                                    <li><a href="form-elements.html#">Something else here</a>
                                                                    </li>
                                                                    <li class="divider"></li>
                                                                    <li><a href="form-elements.html#">Separated link</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <!-- /btn-group -->
                                                        </div>
                                                        <!-- /input-group -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">Tags</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="text" class="form-control tags" value="red, green, yellow">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-lg-2 col-md-2 col-sm-12 control-label">File Upload</label>
                                            <div class="col-lg-10 col-md-10">
                                                <input type="file" class="filestyle" data-buttonText="Find file" data-buttonName="btn-teal" data-iconName="im-plus-circle">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                        </div>
                        <!-- col-lg-12 end here -->
                    </div>
                    <!-- End .row -->
                    <div class="row">
                        <!-- Start .row -->
                        <div class="col-lg-6 col-md-6 sortable-layout">
                            <!-- col-lg-6 start here -->
                            <div class="panel panel-primary plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title"><i class="im-pencil5"></i> Text areas</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-vertical" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Normal text area</label>
                                            <div class="col-md-12">
                                                <textarea class="form-control" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">With icon</label>
                                            <div class="col-md-12">
                                                <textarea class="form-control icon-textarea" rows="3"></textarea>
                                                <i class="im-bubbles2 textarea-icon s16"></i>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Elastic text area</label>
                                            <div class="col-md-12">
                                                <textarea class="form-control elastic" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">With input limit</label>
                                            <div class="col-md-12">
                                                <textarea class="form-control limitTextarea" maxlength="250" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-primary plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title"><i class="im-stack"></i> Selects</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-vertical" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Simple select</label>
                                            <div class="col-md-12">
                                                <select class="form-control">
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">Alaska</option>
                                                        <option value="HI">Hawaii</option>
                                                    </optgroup>
                                                    <optgroup label="Pacific Time Zone">
                                                        <option value="CA">California</option>
                                                        <option value="NV">Nevada</option>
                                                        <option value="OR">Oregon</option>
                                                        <option value="WA">Washington</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Multiple select</label>
                                            <div class="col-md-12">
                                                <select style="height:200px;" class="form-control" multiple>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">Alaska</option>
                                                        <option value="HI">Hawaii</option>
                                                    </optgroup>
                                                    <optgroup label="Pacific Time Zone">
                                                        <option value="CA">California</option>
                                                        <option value="NV">Nevada</option>
                                                        <option value="OR">Oregon</option>
                                                        <option value="WA">Washington</option>
                                                    </optgroup>
                                                </select>
                                                <span class="help-block color-red">Multiple select (Hold CTRL key )</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Select2</label>
                                            <div class="col-md-12">
                                                <select class="form-control select2">
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">Alaska</option>
                                                        <option value="HI">Hawaii</option>
                                                    </optgroup>
                                                    <optgroup label="Pacific Time Zone">
                                                        <option value="CA">California</option>
                                                        <option value="NV">Nevada</option>
                                                        <option value="OR">Oregon</option>
                                                        <option value="WA">Washington</option>
                                                    </optgroup>
                                                    <optgroup label="Mountain Time Zone">
                                                        <option value="AZ">Arizona</option>
                                                        <option value="CO">Colorado</option>
                                                        <option value="ID">Idaho</option>
                                                        <option value="MT">Montana</option>
                                                        <option value="NE">Nebraska</option>
                                                        <option value="NM">New Mexico</option>
                                                        <option value="ND">North Dakota</option>
                                                        <option value="UT">Utah</option>
                                                        <option value="WY">Wyoming</option>
                                                    </optgroup>
                                                    <optgroup label="Central Time Zone">
                                                        <option value="AL">Alabama</option>
                                                        <option value="AR">Arkansas</option>
                                                        <option value="IL">Illinois</option>
                                                        <option value="IA">Iowa</option>
                                                        <option value="KS">Kansas</option>
                                                        <option value="KY">Kentucky</option>
                                                        <option value="LA">Louisiana</option>
                                                        <option value="MN">Minnesota</option>
                                                        <option value="MS">Mississippi</option>
                                                        <option value="MO">Missouri</option>
                                                        <option value="OK">Oklahoma</option>
                                                        <option value="SD">South Dakota</option>
                                                        <option value="TX">Texas</option>
                                                        <option value="TN">Tennessee</option>
                                                        <option value="WI">Wisconsin</option>
                                                    </optgroup>
                                                    <optgroup label="Eastern Time Zone">
                                                        <option value="CT">Connecticut</option>
                                                        <option value="DE">Delaware</option>
                                                        <option value="FL">Florida</option>
                                                        <option value="GA">Georgia</option>
                                                        <option value="IN">Indiana</option>
                                                        <option value="ME">Maine</option>
                                                        <option value="MD">Maryland</option>
                                                        <option value="MA">Massachusetts</option>
                                                        <option value="MI">Michigan</option>
                                                        <option value="NH">New Hampshire</option>
                                                        <option value="NJ">New Jersey</option>
                                                        <option value="NY">New York</option>
                                                        <option value="NC">North Carolina</option>
                                                        <option value="OH">Ohio</option>
                                                        <option value="PA">Pennsylvania</option>
                                                        <option value="RI">Rhode Island</option>
                                                        <option value="SC">South Carolina</option>
                                                        <option value="VT">Vermont</option>
                                                        <option value="VA">Virginia</option>
                                                        <option value="WV">West Virginia</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Multiple Select2</label>
                                            <div class="col-md-12">
                                                <select class="form-control select2" multiple>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">Alaska</option>
                                                        <option value="HI">Hawaii</option>
                                                    </optgroup>
                                                    <optgroup label="Pacific Time Zone">
                                                        <option value="CA">California</option>
                                                        <option value="NV">Nevada</option>
                                                        <option value="OR">Oregon</option>
                                                        <option value="WA">Washington</option>
                                                    </optgroup>
                                                    <optgroup label="Mountain Time Zone">
                                                        <option value="AZ">Arizona</option>
                                                        <option value="CO">Colorado</option>
                                                        <option value="ID">Idaho</option>
                                                        <option value="MT">Montana</option>
                                                        <option value="NE">Nebraska</option>
                                                        <option value="NM">New Mexico</option>
                                                        <option value="ND">North Dakota</option>
                                                        <option value="UT">Utah</option>
                                                        <option value="WY">Wyoming</option>
                                                    </optgroup>
                                                    <optgroup label="Central Time Zone">
                                                        <option value="AL">Alabama</option>
                                                        <option value="AR">Arkansas</option>
                                                        <option value="IL">Illinois</option>
                                                        <option value="IA">Iowa</option>
                                                        <option value="KS">Kansas</option>
                                                        <option value="KY">Kentucky</option>
                                                        <option value="LA">Louisiana</option>
                                                        <option value="MN">Minnesota</option>
                                                        <option value="MS">Mississippi</option>
                                                        <option value="MO">Missouri</option>
                                                        <option value="OK">Oklahoma</option>
                                                        <option value="SD">South Dakota</option>
                                                        <option value="TX">Texas</option>
                                                        <option value="TN">Tennessee</option>
                                                        <option value="WI">Wisconsin</option>
                                                    </optgroup>
                                                    <optgroup label="Eastern Time Zone">
                                                        <option value="CT">Connecticut</option>
                                                        <option value="DE">Delaware</option>
                                                        <option value="FL">Florida</option>
                                                        <option value="GA">Georgia</option>
                                                        <option value="IN">Indiana</option>
                                                        <option value="ME">Maine</option>
                                                        <option value="MD">Maryland</option>
                                                        <option value="MA">Massachusetts</option>
                                                        <option value="MI">Michigan</option>
                                                        <option value="NH">New Hampshire</option>
                                                        <option value="NJ">New Jersey</option>
                                                        <option value="NY">New York</option>
                                                        <option value="NC">North Carolina</option>
                                                        <option value="OH">Ohio</option>
                                                        <option value="PA">Pennsylvania</option>
                                                        <option value="RI">Rhode Island</option>
                                                        <option value="SC">South Carolina</option>
                                                        <option value="VT">Vermont</option>
                                                        <option value="VA">Virginia</option>
                                                        <option value="WV">West Virginia</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-pink plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title"><i class="im-checkbox-checked"></i> Checkboxes and radios</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-vertical group-border" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Checkboxes</label>
                                            <div class="col-md-12">
                                                <label class="checkbox">
                                                    <input type="checkbox" value="option1">unchecked
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" value="option2" checked="checked">checked
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" value="option3" disabled="disabled">disabled
                                                </label>
                                                <label class="checkbox">
                                                    <input type="checkbox" value="option4" checked="checked" disabled="disabled">checked and disabled
                                                </label>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Inline Checkboxes</label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" value="option1">unchecked
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" value="option2" checked="checked">checked
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" value="option3" disabled="disabled">disabled
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" value="option4" checked="checked" disabled="disabled">checked and disabled
                                            </label>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Check all</label>
                                            <div class="col-md-12" id="checkAllExample">
                                                <label class="checkbox">
                                                    <input class="check-all" type="checkbox" value="option1">Check all
                                                </label>
                                                <div class="children">
                                                    <label class="checkbox">
                                                        <input class="check" type="checkbox" value="option2">Option 1
                                                    </label>
                                                    <label class="checkbox">
                                                        <input class="check" type="checkbox" value="option3">Option 2
                                                    </label>
                                                    <label class="checkbox">
                                                        <input class="check" type="checkbox" value="option4">Option 3
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Radios</label>
                                            <div class="col-md-12">
                                                <label class="radio">
                                                    <input type="radio" name="radio" value="option1">unchecked
                                                </label>
                                                <label class="radio">
                                                    <input type="radio" name="radio" value="option2" checked="checked">checked
                                                </label>
                                                <label class="radio">
                                                    <input type="radio" name="radio" value="option3" disabled="disabled">disabled
                                                </label>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Inline Radios</label>
                                            <label class="radio-inline">
                                                <input type="radio" name="radio1" value="option1">unchecked
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="radio1" value="option2" checked="checked">checked
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="radio1" value="option3" disabled="disabled">disabled
                                            </label>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Switches</label>
                                            <div class="col-md-12">
                                                <label class="switch">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch" value="option1" checked>
                                                    <span>Checked</span> 
                                                </label>
                                                <label class="switch">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch1" value="option1">
                                                    <span>Unchecked</span> 
                                                </label>
                                                <label class="switch">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch2" value="option1" disabled>
                                                    <span>Disabled</span>
                                                </label>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Inline Switches</label>
                                            <div class="col-md-12">
                                                <label class="switch inline">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch3" value="option1" checked>
                                                    <span>Checked</span> 
                                                </label>
                                                <label class="switch inline">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch4" value="option1">
                                                    <span>Unchecked</span> 
                                                </label>
                                                <label class="switch inline">
                                                    <input type="checkbox" class="switch noStyle" name="switch" id="switch5" value="option1" disabled>
                                                    <span>Disabled</span>
                                                </label>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                        </div>
                        <!-- col-lg-6 end here -->
                        <div class="col-lg-6 col-md-6 sortable-layout">
                            <!-- col-lg-6 start here -->
                            <div class="panel panel-primary plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">Masked input</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-vertical" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Phone Field</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-phone" type="text">
                                                <span class="help-block">(999) 999-9999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Phone field + ext.</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-phoneExt" type="text">
                                                <span class="help-block">(999) 999-9999? x99999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">International phone</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-phoneInt" type="text">
                                                <span class="help-block">+40 999 999 999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Date field</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-date" type="text">
                                                <span class="help-block">99/99/9999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">SSN field</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-ssn" type="text">
                                                <span class="help-block">999-99-9999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Product key</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-productKey" type="text">
                                                <span class="help-block">a*-999-a999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Eye Script</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-eyeScript" type="text">
                                                <span class="help-block">~9.99 ~9.99 999</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Percent</label>
                                            <div class="col-lg-12">
                                                <input class="form-control" id="mask-percent" type="text">
                                                <span class="help-block">99%</span>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-warning plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title"><i class="im-stack"></i> Dual select box</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-vertical" role="form">
                                        <div class="form-group">
                                            <div class="col-lg-12">
                                                <select multiple="multiple" size="10" name="duallistbox" class="duallistbox">
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">Alaska</option>
                                                        <option value="HI">Hawaii</option>
                                                    </optgroup>
                                                    <optgroup label="Pacific Time Zone">
                                                        <option value="CA">California</option>
                                                        <option value="NV">Nevada</option>
                                                        <option value="OR">Oregon</option>
                                                        <option value="WA">Washington</option>
                                                    </optgroup>
                                                    <optgroup label="Mountain Time Zone">
                                                        <option value="AZ">Arizona</option>
                                                        <option value="CO">Colorado</option>
                                                        <option value="ID">Idaho</option>
                                                        <option value="MT" selected>Montana</option>
                                                        <option value="NE">Nebraska</option>
                                                        <option value="NM">New Mexico</option>
                                                        <option value="ND">North Dakota</option>
                                                        <option value="UT">Utah</option>
                                                        <option value="WY">Wyoming</option>
                                                    </optgroup>
                                                    <optgroup label="Central Time Zone">
                                                        <option value="AL">Alabama</option>
                                                        <option value="AR">Arkansas</option>
                                                        <option value="IL">Illinois</option>
                                                        <option value="IA">Iowa</option>
                                                        <option value="KS" selected>Kansas</option>
                                                        <option value="KY">Kentucky</option>
                                                        <option value="LA">Louisiana</option>
                                                        <option value="MN">Minnesota</option>
                                                        <option value="MS">Mississippi</option>
                                                        <option value="MO">Missouri</option>
                                                        <option value="OK">Oklahoma</option>
                                                        <option value="SD">South Dakota</option>
                                                        <option value="TX">Texas</option>
                                                        <option value="TN">Tennessee</option>
                                                        <option value="WI">Wisconsin</option>
                                                    </optgroup>
                                                    <optgroup label="Eastern Time Zone">
                                                        <option value="CT">Connecticut</option>
                                                        <option value="DE">Delaware</option>
                                                        <option value="FL">Florida</option>
                                                        <option value="GA">Georgia</option>
                                                        <option value="IN">Indiana</option>
                                                        <option value="ME">Maine</option>
                                                        <option value="MD">Maryland</option>
                                                        <option value="MA">Massachusetts</option>
                                                        <option value="MI">Michigan</option>
                                                        <option value="NH">New Hampshire</option>
                                                        <option value="NJ">New Jersey</option>
                                                        <option value="NY">New York</option>
                                                        <option value="NC">North Carolina</option>
                                                        <option value="OH">Ohio</option>
                                                        <option value="PA">Pennsylvania</option>
                                                        <option value="RI">Rhode Island</option>
                                                        <option value="SC">South Carolina</option>
                                                        <option value="VT">Vermont</option>
                                                        <option value="VA">Virginia</option>
                                                        <option value="WV">West Virginia</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </form>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-brown plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title"><i class="fa fa-sort-numeric-asc"></i> Spinners and pickers</h4>
                                </div>
                                <div class="panel-body">
                                    <div class="form-vertical group-border" role="form">
                                        <div class="form-group">
                                            <label class="col-md-12 control-label">Spinners</label>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-lg-3 col-md-6">
                                                        <input class="form-control" type="text" id="spinner" value="1">
                                                        <span class="help-block">Basic example</span> 
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <input class="form-control" type="text" id="spinner-decimal" name="spinner-decimal" value="5.06">
                                                        <span class="help-block">Decimal spinner</span> 
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <input class="form-control" type="text" id="spinner-currency" name="spinner-currency" value="5">
                                                        <span class="help-block">Currency spinner</span> 
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <input class="form-control" type="text" id="spinner-time" name="spinner-time" value="08:30 PM">
                                                        <span class="help-block">Time spinner</span> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Date and time pickers</label>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-lg-3 col-md-6">
                                                        <div class="input-group">
                                                            <input class="form-control datepicker" type="text" value="">
                                                            <span class="input-group-addon"><i class="im-calendar4"></i></span>
                                                        </div>
                                                        <span class="help-block">Basic Usage</span>
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <div class="input-group">
                                                            <input class="form-control datepicker-year" type="text" value="">
                                                            <span class="input-group-addon"><i class="im-calendar4"></i></span>
                                                        </div>
                                                        <span class="help-block">Month and year menu</span>
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <div class="input-group">
                                                            <input class="form-control datepicker-multiple" type="text" value="">
                                                            <span class="input-group-addon"><i class="im-calendar4"></i></span>
                                                        </div>
                                                        <span class="help-block">Multiple months</span>
                                                    </div>
                                                    <div class="col-lg-3 col-md-6">
                                                        <div class="input-group">
                                                            <input class="form-control datetimepicker" type="text" value="">
                                                            <span class="input-group-addon"><i class="im-calendar4"></i></span>
                                                        </div>
                                                        <span class="help-block">Datetime picker</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Color picker</label>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4">
                                                        <input class="form-control" id="color-picker">
                                                        <span class="help-block">Predefined color</span>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4">
                                                        <input class="form-control" id="showPaletteOnly">
                                                        <span class="help-block">Show pallete only</span>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4">
                                                        <input class="form-control" id="minimalPicker">
                                                        <span class="help-block">Minimal</span> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                        <div class="form-group">
                                            <label class="col-sm-12 control-label">Flat color picker</label>
                                            <div class="col-md-12">
                                                <input class="form-control" id="flat-color-picker">
                                            </div>
                                        </div>
                                        <!-- End .form-group  -->
                                    </div>
                                </div>
                            </div>
                            <!-- End .panel -->
                        </div>
                        <!-- col-lg-6 end here -->
                    </div>
                    <!-- End .row -->
                </div>
                <!-- End .content-inner -->
            </div>
            <!-- End .content-wrapper -->
            <div class="clearfix"></div>
        </div>
        <!-- End #content -->
        <!-- Javascripts -->
        <!-- Important javascript libs(put in all pages) -->
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script>
        window.jQuery || document.write('<script src="assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
        </script>
        <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script>
        window.jQuery || document.write('<script src="assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
        </script>
        <!--[if lt IE 9]>
  <script type="text/javascript" src="assets/js/libs/excanvas.min.js"></script>
  <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <script type="text/javascript" src="assets/js/libs/respond.min.js"></script>
<![endif]-->
        <!-- Bootstrap plugins -->
        <script src="assets/js/bootstrap/bootstrap.js"></script>
        <!-- Core plugins ( not remove ) -->
        <script src="assets/js/libs/modernizr.custom.js"></script>
        <!-- Handle responsive view functions -->
        <script src="assets/js/jRespond.min.js"></script>
        <!-- Custom scroll for sidebars,tables and etc. -->
        <script src="assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
        <script src="assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
        <!-- Highlight code blocks -->
        <script src="assets/plugins/misc/highlight/highlight.pack.js"></script>
        <!-- Handle template sounds -->
        <script src="assets/plugins/misc/ion-sound/ion.sound.js"></script>
        <!-- Proivde quick search for many widgets -->
        <script src="assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
        <!-- Prompt modal -->
        <script src="assets/plugins/ui/bootbox/bootbox.js"></script>
        <!-- Other plugins ( load only nessesary plugins for every page) -->
        <script src="assets/plugins/forms/icheck/jquery.icheck.js"></script>
        <script src="assets/plugins/forms/password/jquery-passy.js"></script>
        <script src="assets/plugins/forms/maxlength/bootstrap-maxlength.js"></script>
        <script src="assets/plugins/forms/tags/jquery.tagsinput.min.js"></script>
        <script src="assets/plugins/forms/bootstrap-filestyle/bootstrap-filestyle.js"></script>
        <script src="assets/plugins/forms/maskedinput/jquery.maskedinput.js"></script>
        <script src="assets/plugins/forms/autosize/jquery.autosize.js"></script>
        <script src="assets/plugins/forms/select2/select2.js"></script>
        <script src="assets/plugins/forms/dual-list-box/jquery.bootstrap-duallistbox.js"></script>
        <script src="assets/plugins/forms/checkall/jquery.CheckAll.js"></script>
        <script src="assets/plugins/forms/switch/jquery.onoff.min.js"></script>
        <script src="assets/plugins/forms/globalize/globalize.js"></script>
        <script src="assets/plugins/forms/timepicker/jquery-ui-sliderAccess.js"></script>
        <script src="assets/plugins/forms/timepicker/jquery-ui-timepicker-addon.js"></script>
        <script src="assets/plugins/forms/color-picker/spectrum.js"></script>
        <script src="assets/js/jquery.appStart.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="assets/js/pages/form-elements.js"></script>
        <!-- Google Analytics:  -->
        <script>
        (function(i, s, o, g, r, a, m)
        {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function()
            {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-3560057-27', 'auto');
        ga('send', 'pageview');
        </script>
    </body>
</html>